<template>
	<view class="xz-footer">
		<view class="f1">
			<navigator open-type="switchTab" url="../../pages/userCenter/userCenter?section=login">登录</navigator>
			<text>|</text>
			<navigator open-type="switchTab" url="../../pages/userCenter/userCenter?section=register">注册</navigator>
			<text>|</text>
			<navigator url="../../pages/list/list">客户服务</navigator>
			<text>|</text>
			<text @click="goTop">返回顶部</text>
		</view>
		<view class="f2">
			<view>
				<image src="../../static/img/icon1.png" mode=""></image>
				<text>品质保障</text>
			</view>
			<view>
				<image src="../../static/img/icon2.png" mode=""></image>
				<text>私人订制</text>
			</view>
			<view>
				<image src="../../static/img/icon3.png" mode=""></image>
				<text>学员特供</text>
			</view>
			<view>
				<image src="../../static/img/icon4.png" mode=""></image>
				<text>专属特权</text>
			</view>
		</view>
		<view class="f3">
			达内科技 &copy; 版权所有
		</view>
	</view>
</template>

<script>
	export default {
		methods: {
			goTop() {
				uni.pageScrollTo({
					scrollTop:0,
					duration:100
				})
			}
		},
	}
</script>

<style lang="scss">
	.xz-footer{
		.f1 {
			display: flex;
			justify-content: space-evenly;
			padding: $uni-spacing-col-lg 0;
			border-top: $uni-border-width $uni-border-style $uni-border-color;
		}
		.f2 {
			display: flex;
			justify-content: space-around;
			padding: $uni-spacing-col-lg 0;
			border-top: $uni-border-width $uni-border-style $uni-border-color;
			view {
				display: flex;
				flex-direction: column;
				align-items: center;
				image {
					width: 100rpx;
					height: 100rpx;
				}
			}
			
		}
		.f3 {
			text-align: center;
			padding: $uni-spacing-col-lg 0;
			border-top: $uni-border-width $uni-border-style $uni-border-color;
		}
	}
</style>